/*----------------------------------------*/
body {
	font-size:12px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:white;
	margin-right:12%;
	margin-left:10%; 
	background-image: url('../img/dnaSide.jpg');
	background-repeat: repeat-y;
	padding:0;
	}
li 
{
padding-left:-2em;
list-style-image: url('../img/arrow.png')
}
a {
color:#006680; 
text-decoration:none;
}	
a img{
color:#eeeeee; 
text-decoration:none;
margin-left:-1em;
}
a:hover{
text-decoration:underline;

};

.container {  /* width:800px;*/}

.menuContainer {
		
		background-color: #ffffff;
		text-align:left;
      margin-right:1em;
}
.menuItem {
		
		color:#006680;
		font-size:1.2em;
      margin-right:1em;
      margin-left:10px;
      
}
.menuSubItem {
		
		color:#006680;
		font-size:1em;
      margin-left:20px;
}
.menuTitle{
	font-size:1.2em;
	color:#006680;
	text-decoration: none;
	font-weight:bold;
	margin-left:10px;
	margin-right:6em; 
	background-color: #eee;
	border:1px solid #ccc;
	margin-top:0.5em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding-left:0.5em;
}
.menu a{
font-size:0.9em;
padding:2px;
color:#006680;
text-decoration: none;
font-weight:bold;

}

.code{
font-size:0.9em;
font-weight: bold;
padding:1em;
margin:1.5em;
color:#000000;
background-color: #eee;
border:1px dotted #000000;

}
.warning{
font-size:0.9em;
font-weight: bold;
padding:1em;
margin:1.5em;
color:#ffffff;
background-color: #006680;
border:1px dotted #000000;
}
.photoBox{
background-color: #eee;
border:1px dotted #000000;
}

h1, h2{
    font: normal 200%/100% Garamond, "Times New Roman", serif;
    margin-bottom: 0px;
    color: #000;
    background: transparent;
}

h1 {
	color:#006680;
	font-size:2em;
	font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif;
	padding-bottom:1em;
	}

h2{
        font-size: 1.5em;
	font-weight:800;
	color:#006680;
	margin-bottom:1em;
	font-variant:smallcaps;

}
h3{font-size: 130%; font-weight:bold;}


.tip{
		border:1px solid #006680;
		font-size:1em;
		padding:15px;
              
}
.aviso{
		border:1px solid #fc1eff;
		background-color: #fc1eff;
		color:#ffffff;
		text-align:center;
		font-size:1em;
		padding:15px;
                margin-left:5%;
                margin-right:5%;
}
.error{
		border:1px solid #006680;
		background-color: #006680;
		color:#ffffff;
		text-align:center;
		font-size:1em;
		padding:15px;
                margin-left:5%;
                margin-right:5%;
}
.exito{
		border:1px solid green;
		background-color: #70b562;
		color:#ffffff;
		font-size:1em;
		text-align:center;
		padding:15px;
                margin-left:5%;
                margin-right:5%;
}
.header {
		border:1px solid green;
		background-color: green;
		color:#ffffff;
		text-align:center;
		font-size:2em;
		font-weight:700;
		padding:1px;
		
}
.creditos{
    font-size:0.7em;
    text-align:left;
    color:#ccc;
    font-weight:bold;
    
}
.pie{
    font-size:0.8em;
    text-align:center;
    color:#006680;
    border-top:1px dotted #000;
    font-weight:700;
    
}
.unix{
    font-size:1em;
    text-align:left;
    padding-left:3em:
    color:green;
    border-top:1px solid #000;
    background-color:black;
    
}
img{
padding:1.5em;
}
.smallTitle{
	color :#7290CF;
	font-weight:bold;
}
/*FORMS---------------------------------------*/
form {
   background-color : #eee;
    border : 1px solid #000;
   padding : 5px;
 }
input, textarea, select {
   background-color : #006680;
   color : #fff;
 }
input {
   border : 2px dashed #006680;
 } 
 
 
 
 /* TABLES----------------------------*/
 .tblcont{
	border-left: 1px dashed grey;
	padding-left: 2em;
 }
 #table4 {
 border: 1px solid black;
 caption-side:bottom;}
#table4 thead{
 background-color:#006680;
 font-weight:bold;
 text-align:center;
 color:#fff;}
#table4 tbody td{
 border: 1px solid black;}
#table4 tbody th{
 background-color: gray;}
#table4 tfoot{
 background-color:#c63;}
